<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title>自助挑选月嫂、月儿嫂</title>
		<link rel="stylesheet" type="text/css" href="../css/subscribe.css" />
		<link rel="stylesheet" type="text/css" href="../css/mobiscroll.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mobiscroll_002.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mobiscroll_003.css"/>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<!--[if lt IE 9]>
        <script src="../js/html5shiv.min.js"></script>
		<script src="../js/respond.min.js"></script>
        <![endif]-->

	</head>
	<body>
		
		<main>
			
			<header>
			<ul>
				<li class="return"><img src="../img/return.png"/></li>
				<li class="list">月嫂</li>
				<li class="null"></li>
			</ul>
			</header>
			
			 
			
			<section>
				<form action="">
					<ul>
						<li>
							<span>预产期</span>
							<!--<input type="text" class="input_data" name="" id="" value=""placeholder="请选择您的预产期" />-->
							<input type="text" class="input_data" name="appDate" id="appDate">
							<span>
								<img class="right_img" src="../img/right.png"/>
								<img class="bottom_img" src="../img/bottom.png"/>
							</span>
						</li>
						<li>
							<span>面试时间</span>
							<!--<input type="text" class="input_data" name="" id="" value=""placeholder="请选择面试时间" />-->
							<input type="text" class="input_data" name="appDateTime" id="appDateTime">
							<span>
							<img class="right_img" src="../img/right.png"/>
							<img class="bottom_img" src="../img/bottom.png"/>
						</span>
						</li>
						<li>
							<span>地址信息</span>
							<input type="text" class="input_data" id="address" value=""placeholder="请选择你的所在地" />
							<span>
							<img class="right_img" src="../img/right.png"/>
							<img class="bottom_img" src="../img/bottom.png"/>
						</span>
						</li>
						
					</ul>
					 <textarea name="textarea" rows="8" placeholder="备注" ></textarea>
				</form>
				
				<footer>
					<button>确认预约</button>
				</footer>
			</section>
			
			
			
			
		</main>
				
		
		<script src="../js/jquery-1.js"></script>
		<script src="../js/mobiscroll_002.js"></script>
		<script src="../js/mobiscroll.js"></script>
		<script src="../js/mobiscroll_003.js"></script>
		<script src="../js/mobiscroll_005.js"></script>
		<script>
			$(function(){
				$('footer button').click(function(){
					location.href ='booking_success.html'
				})
				$('.return').click(function(){
					location.href ='mobile_verification.html'
				})
				$('#address').click(function(){
					$('.bomb').show();
				})
				
				$('#address').click(function(){
					location.href='addaddress.html'
				})
				
				var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'modal', //显示方式 
		        mode: 'scroller', //日期选择模式
				dateFormat: 'yyyy-mm-dd',
				lang: 'zh',
				showNow: true,
				nowText: "今天",
		        startYear: currYear - 10, //开始年份
		        endYear: currYear + 10 //结束年份
			};

		  	$("#appDate").mobiscroll($.extend(opt['date'], opt['default']));
		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);
		    $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
		    $("#appTime").mobiscroll(optTime).time(optTime);

			})
		</script>
		
	</body>
</html>
